<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>微信支付</title>
    <link rel="stylesheet" href="./css/mui.min.css">
    <link rel="stylesheet" href="css/weui.min.css">
</head>
<body>
<!--支付成功-->
<div class="weui-msg pay_success" style="display: none">
    <div class="weui-msg__icon-area"><i class="weui-icon-success weui-icon_msg"></i></div>
    <div class="weui-msg__text-area">
        <h2 class="weui-msg__title">支付完成</h2>
        <p class="weui-msg__desc">支付操作可能有延时，请稍后查看支付结果。<a href="javascript:void(0);"></a></p>
    </div>
    <div class="weui-msg__opr-area">
        <p class="weui-btn-area">
            <a href="javascript:WeixinJSBridge.call('closeWindow');" class="weui-btn weui-btn_primary">完成</a>
            <a href="javascript:history.back();" class="weui-btn weui-btn_default">返回</a>
        </p>
    </div>
    <div class="weui-msg__extra-area">
        <div class="weui-footer">
            <p class="weui-footer__links">
                <a href="javascript:void(0);" class="weui-footer__link"></a>
            </p>
            <p class="weui-footer__text">Copyright © 2008-2016 weui.io</p>
        </div>
    </div>
</div>
<!--支付失败-取消-->
<div class="weui-msg pay_cancel" style="display: none">
    <div class="weui-msg__icon-area"><i class="weui-icon-warn weui-icon_msg"></i></div>
    <div class="weui-msg__text-area">
        <h2 class="weui-msg__title">支付失败</h2>
        <p class="weui-msg__desc">支付取消或支付失败。<a href="javascript:void(0);"></a></p>
    </div>
    <div class="weui-msg__opr-area">
        <p class="weui-btn-area">
            <a href="javascript:WeixinJSBridge.call('closeWindow');" class="weui-btn weui-btn_primary">完成</a>
            <a href="javascript:history.back();" class="weui-btn weui-btn_default">返回</a>
        </p>
    </div>
    <div class="weui-msg__extra-area">
        <div class="weui-footer">
            <p class="weui-footer__links">
                <a href="javascript:void(0);" class="weui-footer__link"></a>
            </p>
            <p class="weui-footer__text">Copyright © 2008-2016 weui.io</p>
        </div>
    </div>
</div>
<!--等待支付-->
<div class="weui-msg pay_loading">
    <div class="weui-msg__icon-area"><i class="weui-icon-waiting weui-icon_msg"></i></div>
    <div class="weui-msg__text-area">
        <h2 class="weui-msg__title">等待支付</h2>
        <p class="weui-msg__desc">等待客户端支付中。<a href="javascript:void(0);"></a></p>
    </div>
    <div class="weui-msg__opr-area">
        <p class="weui-btn-area">
            <a href="javascript:;" class="weui-btn weui-btn_primary weui-btn_loading">
                <i class="weui-loading"></i>支付中
            </a>
            <a href="javascript:WeixinJSBridge.call('closeWindow');" class="weui-btn weui-btn_default">返回</a>
        </p>
    </div>
    <div class="weui-msg__extra-area">
        <div class="weui-footer">
            <p class="weui-footer__links">
                <a href="javascript:void(0);" class="weui-footer__link"></a>
            </p>
            <p class="weui-footer__text">Copyright © 2008-2016 weui.io</p>
        </div>
    </div>
</div>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/mui.min.js" type="text/javascript"></script>
<script src="js/app.js" type="text/javascript"></script>
<script src="js/base64.js" type="text/javascript"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
<script>
$(function () {
    $.getScript("./js/wechatPay.js");
});
</script>
</body>
</html>